<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@ page import="com.fengke.portal.config.HostConfig" %>
<%
	HostConfig hostConfig = (HostConfig) request.getSession().getServletContext().getAttribute("hostConfig");
%>
<!DOCTYPE html>
<head>
	<base href="<%=hostConfig.getPortalHost() %>" />
	<title>
		<s:if test='productVO.productModel.name != null && !"".equals(productVO.productModel.name.trim())'>
			<s:property value="productVO.productModel.name" />
		</s:if>
		<s:else><%=hostConfig.getWebSiteName() %></s:else>
	</title>
	<meta name="keywords" content="<%=hostConfig.getWebSiteName() %>" />
	<meta name="description" content="<%=hostConfig.getWebSiteName() %>" />
	<meta charset="utf-8">
<script type="text/javascript">
	base = "<%=hostConfig.getPortalHost() %>";
	res = "";
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="decorator" content="modMobile">

<link href="resources/travel/weixin/css/animate.css" rel="stylesheet" media="screen">
<link href="resources/travel/weixin/css/bootstrap-theme.css" rel="stylesheet" media="screen">
<link href="resources/travel/weixin/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="resources/travel/weixin/css/travel.css" rel="stylesheet" media="screen">
<link href="resources/travel/weixin/css/font-awesome.min.css" rel="stylesheet" media="screen">

<link href="resources/travel/weixin/css/base.css" rel="stylesheet" media="screen">
<link href="resources/travel/weixin/jslib/mobiscroll-calendar/css/mobiscroll.custom-2.14.4.min.css" rel="stylesheet" media="screen">

<script src="resources/travel/weixin/js/jquery.min.js?n=102"></script>
<script src="resources/travel/weixin/js/bootstrap.min.js"></script>
<script src="resources/travel/weixin/js/bootbox.js"></script>
<script src="resources/travel/weixin/js/messenger-theme-future.js"></script>
<script src="resources/travel/weixin/js/holder.js"></script>
<script src="resources/travel/weixin/js/jquery.mousewheel.js"></script>
<script src="resources/travel/weixin/js/nicescroll.js"></script>

<script src="resources/travel/weixin/js/application.js"></script>

<script src="resources/travel/weixin/js/TouchSwipe.js"></script>
<script src="resources/travel/weixin/js/swiper/swiper.js"></script>

<script src="resources/travel/weixin/jslib/mobiscroll-calendar/js/mobiscroll.custom-2.14.4.min.js"></script>

<script src="resources/travel/weixin/js/s/scrollbar.js"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="resources/travel/weixin/js/wxapi.js?rn=100"></script>

<script type="text/javascript">
$(function() {
	wxApiInit();

	wx.ready(function() {
		// 微信分享的数据
		var successCallback = function() {

		};

		var wxData = {
			title : '<s:property value="productVO.productModel.name"/>',
			desc : "<s:property value='productVO.productModel.name'/><%-- <s:if test='productVO.productModel.productFeatures != null'><s:property value='productVO.productModel.productFeatures' /></s:if><s:else><s:property value='productVO.productModel.name' /></s:else> --%>",
			link : 'http://fengkeworld.com/travel/weixin/product/<s:property value="productVO.productModel.id"/>.html',
			imgUrl : '<s:property value="productVO.productModel.image"/>',
			success : function() {
				successCallback();
			},
			cancel : function() {
			}
		};

		wx.onMenuShareTimeline(wxData); // 分享到朋友圈
		wx.onMenuShareAppMessage(wxData); // 分享到朋友
		wx.onMenuShareQQ(wxData); // 分享到QQ
		wx.onMenuShareWeibo(wxData); // 分享到微博
	});
});
</script>
<script type="text/javascript">
var myScroll;
var isScroll = true;
var y = 0;
var page = 0;
var mySwiper;

//竖直滚动
var holdPosition = 0;
var holdPosition2 = 0;
var holdPosition3 = 0;

var hasTouch = true ;//判断手是否离开了屏幕
var isMobile = true;
function loaded() {
	$("img").lazyload({
		effect: "fadeIn",
		skip_invisible : false,
	});
}

//此处可以用来判断是否发生了横屏竖屏变化
$(window).on('resize', function() {
	$('.swiper-container').css({
		//height : $(window).height() - 90
	});
});
</script>
<style type="text/css">
li {
	list-style: none
}
</style>
</head>
<body>
	<div style="position: absolute; width: 100%; height: 100%" id="body">
		<div class="container" id="slider">
			<div class="row">
				<div class="bs-example detail_carousel">
					<div data-ride="carousel" id="carousel-generic" class="carousel carousel-generic slide" id="carousel-example-captions">
						<ol class="carousel-indicators bottom0">
							<s:if test="productVO.productImageModels != null">
								<s:iterator value="productVO.productImageModels" var="image" status="countIdx">
									<s:if test='#countIdx.index == 0'>
										<li class="active" data-slide-to="0" data-target="#carousel-example-captions"></li>
									</s:if>
									<s:elseif test="#countIdx.index < 10">
										<li data-slide-to="<s:property value='#countIdx.index' />" data-target="#carousel-example-captions" class=""></li>
									</s:elseif>
								</s:iterator>
							</s:if>
						</ol>
						<div class="usercenter_ico usercenter_icofixed" onClick="goUserIndex()">
							<a href="travel/weixin/user/index.html" class="usercenter-back"></a>
						</div>
	
						<div class="usercenter_ico usercenter_icofixed" style="left: 10px; z-index: 99 !important;">
							<a href="travel/weixin/index.html" style="left: 0px;" class="home_back"></a>
						</div>
	
						<div role="listbox" class="carousel-inner">
							<s:if test="productVO.productImageModels != null">
								<s:iterator value="productVO.productImageModels" var="image" status="countIdx">
									<s:if test="#countIdx.index < 10">
										<div class="item <s:if test='#countIdx.index == 0'>active</s:if>">
											<img src="<s:property value='#image.source' />">
										</div>
									</s:if>
								</s:iterator>
							</s:if>
							<s:else>
								<div class="item ">
									<img src="resources/travel/weixin/images/carousel4.jpg">
								</div>
							</s:else>
						</div>
					</div>
	
					<div class="detail_caption col-sm-12 col-xs-12 clearfix animated fadeInDown">
						<h4>
							<a ><s:property value="productVO.productModel.name" /></a>
						</h4>
						<div class="address clearfix showGoDate">
							<p class="departure ">
								<span class="times"></span><i>查看出行日期</i>
							</p>
							<p class="count">
								¥<i><s:text name="format.number"><s:param value="productVO.productModel.price"/></s:text></i>起
							</p>
						</div>
						<p class="content">提供商：<s:property value="productVO.productModel.serviceProvider" /></p>
					</div>
				</div>
			</div>
	<%-- 		<s:if test="productVO.productModel.introduction != null"> --%>
	<!-- 		<div class="row "> -->
	<!-- 			<div -->
	<!-- 				class="col-sm-12 col-xs-12 padding_0 travel_teristics animated fadeInDown"> -->
	<!-- 				<div class="title clearfix"> -->
	<%-- 					<span class="teristics"></span> --%>
	<!-- 					<h4> -->
	<%-- 						<span class="teristics_fonts aaa">风客有话说</span> --%>
	<!-- 					</h4> -->
	<!-- 				</div> -->
	<!-- 				<div class="teristics_introduction list_styleyes imageEdit clearfix"> -->
	<%-- 					<s:property value="productVO.productModel.introduction" escapeHtml="false" /> --%>
	<!-- 				</div> -->
	<!-- 			</div> -->
	<!-- 		</div> -->
	<%-- 		</s:if> --%>
			<s:if test='productVO.productModel.productFeatures != null && !"".equals(productVO.productModel.productFeatures.trim())'>
			<div class="row ">
				<div class="col-sm-12 col-xs-12 padding_0 travel_teristics user_evaluation animated fadeInDown">
					<div class="title clearfix">
						<span class="teristics money_icon"></span>
						<h4>
							<span class="teristics_fonts" onclick="move()">风客推荐理由</span>
						</h4>
					</div>
					<div class="media lastDiv  animated fadeInDown margin-top0">
						<div class="col-xs-12 teristics_introduction imageEdit">
							<s:property value="productVO.productModel.productFeatures" escapeHtml="false" />
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<div class="row" style="display: none;">
				<div class="col-xs-12 col-sm-12 animated fadeInDown padding_0 slideDown">
					<div class="slide_down" style="padding: 10px 0 10px 0">
						<span class="downarrow"></span>
						<label style="color: #8C8C8C; text-shadow: 0 1px 0">继续拖动，查看行程</label>
					</div>
				</div>
			</div>
		</div>
		
		<div class="container overflow-x" style="padding-bottom: 60px;">
			<!-- 产品介绍 start -->
			<s:if test='productVO.productModel.introduction != null && !"".equals(productVO.productModel.introduction.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="introduction_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_news glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">产品介绍</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl>
												<dt class="imageEdit">
													<s:property value="productVO.productModel.introduction" escapeHtml="false" />
												</dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!-- 产品介绍 end -->
			<!--  行程介绍start -->
			<s:if test='productVO.productModel.introduction1 != null && !"".equals(productVO.productModel.introduction1.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="introduction1_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_news glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">行程介绍</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl>
												<dt class="imageEdit">
													<s:property value="productVO.productModel.introduction1" escapeHtml="false" />
												</dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!--  行程介绍end -->
			<!--  航班信息start -->
			<s:if test='productVO.productModel.flightInfo != null && !"".equals(productVO.productModel.flightInfo.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="flightInfo_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_news glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">航班信息</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl>
												<dt class="imageEdit">
													<s:property value="productVO.productModel.flightInfo" escapeHtml="false" />
												</dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!--  航班信息end -->
			<!--  酒店信息start -->
			<s:if test='productVO.productModel.hotelInfo != null && !"".equals(productVO.productModel.hotelInfo.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="hotelInfo_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_news glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">酒店信息</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl>
												<dt class="imageEdit">
													<s:property value="productVO.productModel.hotelInfo" escapeHtml="false" />
												</dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!--  酒店信息end -->
			<!--  费用说明start -->
			<s:if test='productVO.productModel.feeInclude1 != null && !"".equals(productVO.productModel.feeInclude1.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="feeInclude1_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_news glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">费用说明</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl>
												<dt class="imageEdit">
													<s:property value="productVO.productModel.feeInclude1" escapeHtml="false" />
												</dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!--  费用说明end -->
			<!--  签证信息start -->
			<s:if test='productVO.productModel.visaInfo != null && !"".equals(productVO.productModel.visaInfo.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="visaInfo_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_news glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">签证信息</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl>
												<dt class="imageEdit">
													<s:property value="productVO.productModel.visaInfo" escapeHtml="false" />
												</dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!--  签证信息end -->
			<!-- 预定须知 start -->
			<s:if test='productVO.productModel.feeInclude != null && !"".equals(productVO.productModel.feeInclude.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="feeInclude_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_news glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">预定须知</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl>
												<dt class="imageEdit">
													<s:property value="productVO.productModel.feeInclude" escapeHtml="false" />
												</dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!-- 预定须知 end -->
			<!-- 商家故事 start -->
			<s:if test='productVO.productModel != null && productVO.productModel.adminModel != null && productVO.productModel.adminModel.adminStory != null && !"".equals(productVO.productModel.adminModel.adminStory.trim())'>
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="adminStorys_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_peoples glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">商家故事</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<dl style="margin-bottom: 10px;">
												<dt class="imageEdit"><s:property value="productVO.productModel.adminModel.adminStory" escapeHtml="false" /></dt>
											</dl>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</s:if>
			<!-- 商家故事 end -->
			<!-- 同行 start -->
			<div class="row">
				<div class="col-xs-12 col-sm-12 padding_0 order_list">
					<div id="accordion-1" class="panel-group acc-v1 margin-bottom-0 ">
						<div class="panel panel-default">
							<div id="members_div" class="panel-heading collapseDiv" onclick="$(this).next().collapse('toggle')">
								<h4 class="panel-title clearfix">
									<a class="accordion-toggle clearfix">
										<span class="glyphicon glyphicon_peoples glyphicon_size pull-left"></span>
										<span class="pull-left itineraryfonts">同行人</span>
										<span class="bluearrow  bluedownarrow pull-right"></span>
									</a>
								</h4>
							</div>
							<div class="panel-collapse collapse in">
								<div class="panel-body">
									<div class="row">
										<div class="col-xs-12 itinerary_show">
											<s:if test="productVO.members != null && productVO.members.size() > 0">
												<s:iterator value="productVO.members" var="member" status="countIdx">
												<div class="media evaluation_content evaluate">
													<div class="border_bottom clearfix">
														<a class="media-left pull-left " >
															<img data-holder-rendered="true"
															src="<s:if test='#member.headImgUrl != null'><s:property value='#member.headImgUrl' /></s:if><s:else>resources/travel/weixin/images/headportrait.jpg</s:else>"
															data-src="" alt="" class="count_img img-responsive">
														</a>
														<div class="media-body evaluation_left  displayinline">
															<h4 class="media-heading username">
																<i><s:property value="#member.username" /></i>
															</h4>
															<div class="counterpart_tag clearfix">
																<a  class="<s:if test='"male".equals(#member.gender)'>orange_back</s:if><s:else>blue_back</s:else>">
																	<s:if test='"male".equals(#member.gender)'>
																		<span class="pull-left gender_identity boy_icon "></span>
																	</s:if>
																	<s:else>
																		<span class="pull-left gender_identity  girl_icon"></span>
																	</s:else>
																</a>
																<s:if test='#member.industry != null && !"".equals(#member.industry.trim())'>
																	<a class="yellow_back"><s:property value="#member.industry" /></a>
																</s:if>
																<s:if test='#member.maritalStatus != null && !"secretive".equals(#member.maritalStatus)'>
																	<a  class="grey_back"><s:property value="#member.maritalStatus" /></a>
																</s:if>
																<s:if test='#member.hometown != null && !"".equals(#member.hometown.trim())'>
																	<a  class="green_back"><s:property value="#member.hometown" /></a>
																</s:if>
																<s:if test='#member.hobby != null && !"".equals(#member.hobby.trim())'>
																	<a  class="purple_back"><s:property value="#member.hobby" /></a>
																</s:if>
																<s:if test='#member.school != null && !"".equals(#member.school.trim())'>
																	<a  class="lightgreen_back"><s:property value="#member.school" /></a>
																</s:if>
															</div>
															<div class="counterpart_content"><s:property value="#member.memo" /></div>
														</div>
													</div>
												</div>
												</s:iterator>
											</s:if>
											<s:else>
												<div class="row" style="display: block">
													<div
														class="detailloading col-xs-12 col-sm-12  animated fadeInLeftBig center_list wrong">
														<img src="resources/travel/weixin/images/assess_none.png" class="img-responsive">
														<p class="marked_words">还没有同行人!</p>
														<p>
															<a href="travel/weixin/order/preCreateOrder.action?productVO.productModel.id=<s:property value='productVO.productModel.id' />"
																<s:if test='productVO.productModel.defaultDateString == null || productVO.productModel.maxDateStr == null'> disabled=disabled </s:if>
																class="btn submit_stroll margin_right0" type="button">立即购买</a>
														</p>
													</div>
												</div>
											</s:else>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 同行 end -->
		</div>
	
	</div>

	<div id="footer">
		<div class="row">
			<div class="col-xs-12 col-sm-12 padding_10 ">
				<div class="bottom_btnbox">
					<div class="left_consultationbtn pull-left callPhone">
						<a class="btn consultation detail_bottombtn callMobile" type="button" >
							<i class="fa fa_mobile fa_smallicon"></i>在线咨询
						</a>
					</div>
					<!-- ${product.phone}-->
					<div class="right_buynowbtn pull-right">
						<a class="btn consultation detail_bottombtn btn buy_now margin_right0 detail_bottombtn " type="button"
							<s:if test='productVO.productModel.defaultDateString == null || productVO.productModel.maxDateStr == null'> disabled=disabled </s:if> >
							<i class="fa fa_check_square fa_smallicon"></i>立即预定
						</a>
					</div>
				</div>
				<!--电话资询弹出框-->
				<div class=" modal-sm modal_news animated fadeInLeftBig mobileModel" style="display: none;width: 100%;margin: 0px; bottom: 46px; left: 0; top: auto;">
					<div class="modal-content">
						<div class="modal-header">
							<s:if test='1104 == productVO.productModel.id'>
								<h4 id="mySmallModalLabel" class="modal-title">看球去喽！</h4>
								<p style="text-align:left;">我是风客小二小土贼，三种方式陪聊，聊什么都可以！</p>
								<p style="text-align:left;">1、QQ陪聊：2935331510；微信陪聊：milkie94（小美女一枚）</p>
								<p style="text-align:left;">2、电话陪聊：<a href="tel:4009655797">4009655797</a></p>
								<p style="text-align:left;">3、进群大家聊：</p>
								<p style="display: none;"><img src="http://fengkeworld.com/picture/20150726/70826741977261038.png" style="width: 200px;height: 230px;"></p>
								<p style="text-align:left;">24小时，亲！可以给我微信留言，留言必回！</p>
							</s:if>
							<s:else>
								<h4 id="mySmallModalLabel" class="modal-title">欢迎咨询</h4>
								<p style="text-align:left;">电话：<a href="tel:4009655797">4009655797</a></p>
								<p style="text-align:left;">风客小二微信：1633126799</p>
								<p style="text-align:left; display: none;">扫一扫入群咨询</p>
								<p style="display: none;"><img src="http://fengkeworld.com/picture/20150702/70826741977168118.jpg" style="width: 200px;"></p>
							</s:else>
						</div>
						<div class="modal-body clearfix modal_btngroup">
							<a class="sure btn mobileCancle" data-dismiss="modal">确定</a>
							<a class="close btn mobileCancle" data-dismiss="modal" type="button">取消</a>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
				<!--电话资询弹出框-->
			</div>
		</div>
		<div id="topcontrol" class="back_top" style="position: fixed; bottom: 4.5em; right: 0.4em; opacity: 1; cursor: pointer; display: none" title="Scroll Back to Top">
			<a ></a>
		</div>
	</div>
</body>
<script type="text/javascript">
$(function($) {
	/*
	//当内容高度不够时
	if($("#slider").height()<=$(window).height()){
		var  preH = $(".lastDiv").find(".imageEdit").height();
		$(".lastDiv").css("height",($(window).height()-$("#slider").height()-$(".bottom_btnbox").height()+preH)+"px");
		$("#slider").height($(window).height()+1);
	}
	initTouchMove();
	*/
	//轮播支持左右滑动
	$("#carousel-generic").swipe({
		swipeLeft : function() {
			$(this).carousel('next');
		},
		swipeRight : function() {
			$(this).carousel('prev');
		},
	});
	//处理编辑器中的图片
	$(".imageEdit").find("img").addClass("img-responsive").css("width","100%");
	$(".imageEdit").find("table").css("width","100%");
	//设置竖直滚动时滚动的区域
	//$(".travel_content").css(
	//		"height",
	//		$(window).height() - $(".bottom_btnbox").height() - $(".nav-tabs").height()-17);
	//
	$(".collapseDiv").click(function(){
		//setTimeout(function(){
		//	mySwiper.reInit();
		//},500);
		var toggleId = $(this).data('toggleId');
		
		if($(this).find(".bluearrow").hasClass("blueuparrow")){
			$(this).find(".bluearrow").removeClass("blueuparrow").addClass("bluedownarrow");
			$('#' + toggleId).hide();
		}else{
			$(this).find(".bluearrow").removeClass("bluedownarrow").addClass("blueuparrow");
			$('#' + toggleId).show();
		}
	});
	
	$(".buy_now").click(function(){
		if(new Date() < new Date("<s:property value='productVO.productModel.maxDateStr' />")){
			window.location.href = "travel/weixin/order/preCreateOrder.action?productVO.productModel.id=<s:property value='productVO.productModel.id' />";
		}else{
			$(".mobileModel").show();
		}
	});
	
	var dateStr="<s:property value='productVO.productModel.startingDate' />";
	var arrDate=dateStr.split(",");
	var arrDate1=[];
	for(var i=0;i<arrDate.length;i++){
		var d=new Date(arrDate[i]);
		arrDate1.push(d);
	}
		$("#wrapper").css("bottom", $(".bottom_btnbox").height());
		$(".callMobile").click(function() {
			$(".mobileModel").show();
		});
		$(".mobileCancle").click(function() {
			$(".mobileModel").hide();
		});
		$('.showGoDate').mobiscroll().calendar({
			
			theme: 'mobiscroll',
		    lang: 'zh',
		    display: 'bottom',
		    dateFormat:'yy-mm-dd',
		    minDate:new Date("<s:property value='productVO.productModel.defaultDateString' />"),
		    maxDate:new Date("<s:property value='productVO.productModel.maxDateStr' />"),
		    controls: ['calendar'],
		    invalid: ['w0','w1','w2','w3','w4','w5','w6'],
		    valid:arrDate1,
		    buttons: [ 
		              { 
		                  text: '取消查看',
		                  handler: function (event, inst) { 
		                	  $('.showGoDate').mobiscroll("hide");
		                  } 
		              },
		          ]
	    }); 
		$(".showGoDate").click(function(){
			$('.showGoDate').mobiscroll("show");
		});
		
		$("#topcontrol").click(function() {
			var footeH = $(".bottom_btnbox").height();
			var windowH = $(window).height();
			$("#body").css({"transition-duration":"0.5s","transform":"translate3d(0px, "+(0)+"px, 0px)"});
			$("#topcontrol").hide();
		});
		/*
		$(".slideDown").click(function() {
			$("#topcontrol").show();
			$("#body").css({"transition-duration":"0.5s","transform":"translate3d(0px, -"+$("#slider").height()+"px, 0px)"});
			window.scrollTo(0,1);
		});
		*/
		$(".callPhone").click(function(){
			$(this).css("background","1dc5be");
		});
		
		$(".myFiexd2").click(function(){
			$(".myFiexd1").css("height",$(window).height()-$(".myFiexd2").offset().top-80);
			//alert($(".myFiexd2").offset().top);
			myScroll.refresh();
			if($(this).find(".bluearrow").hasClass("blueuparrow")){
				$(this).find(".bluearrow").removeClass("blueuparrow").addClass("bluedownarrow");
			}else{
				$(this).find(".bluearrow").removeClass("bluedownarrow").addClass("blueuparrow");
			}
		});
		
		$('#introduction_div').click();
		$('#feeInclude_div').click();
		$('#introduction1_div').click();
		$('#visaInfo_div').click();
		$('#flightInfo_div').click();
		$('#hotelInfo_div').click();
		$('#feeInclude1_div').click();
		$('#adminStorys_div').click();
		$('#members_div').click();
	});
	
	function moveTabNav(index) {
		page = index;
		$(".nav-tabs").children().eq(index).addClass("active").siblings()
				.removeClass("active");
	}

	function goEvaluation(_productId,event){
		$(".fixed-back").show();
		$("#evaluationDiv").show();
		$(".evaluationForm").find("input[name=\"productId\"]").val(_productId);
		event.stopPropagation();
	}
	function goUserIndex(){
		window.location.href = "travel/weixin/user/index.html";
	}
	
</script>
</html>